$(function () {

    // 取出本地存储的数据
    let yhm = JSON.parse(localStorage.getItem('yhm'))
    // 判断是否登录过
    var isLogin = yhm ? true : false;

    // 是否能否访问个人中心
    function canVisitPersonal(yhm) {
        if (isLogin) {
            loadChildPage(`personal/${yhm}`) // 加载对应的子页面
        } else {
            alert('请先登录')
            location.href = '../landing.html'
        }
    }

    /* 加载页面的函数 */
    function loadPage() {
        // 获取地址栏hash的值
        var hash = location.hash.substr(1);

        // 根据hash的值 判断加载哪个页面
        switch (hash) {
            case 'invest':
                $('#content').load('../pages/invest.html') // 加载投资
                break;
            case 'borrow':
                $('#content').load('../pages/borrow.html') // 加载借款
                break;
            case 'LoanApplicationList':
                $('#content').load('../pages/LoanApplicationList.html') // 加载借款申请表单
                break;
            case 'borrow-info':
                $('#content').load('../borrowmoney.html') // 加载借款人信息
                break;
            case 'recharge':
                $('#content').load('../pages/personal/accountrecharge.html') // 加载充值页面
                break;
                /* ------------------ 个人中心开始 ---------------*/

            case 'personal':
                // 判断是否能够加载个人中心
                canVisitPersonal('info')
                break;

            case 'personal/info':
                // 判断是否能够加载个人中心
                canVisitPersonal('info')
                break;

            case 'personal/card':
                // 判断是否能够加载个人中心
                canVisitPersonal('card')
                break;

            case 'personal/recharge-record':
                // 判断是否能够加载个人中心
                canVisitPersonal('recharge-record')
                break;

                /* ------------------ 个人中心结束 ---------------*/

            default:
                $('#content').load('../pages/main.html') // 默认加载main.html
                break;
        }
        // 调用一级路由激活函数
        changeNavActive(hash)
    }

    loadPage() // 调用【第一次进入页面 和 刷新页面】

    // 监听hash改变 也要调用加载页面的函数
    window.onhashchange = loadPage

    /* 一级路由激活的函数 */
    function changeNavActive(hash) { // personal
        hash = hash.split('/')[0]

        if (hash === 'borrow-apply') {
            hash = 'borrow'
        }
        if (hash === 'borrow-info') {
            hash = 'invest'
        }

        $('#navList a').removeClass('active') // 找到所有导航的a标签 把激活类删除
        $(`#navList a[href="#${hash}"]`).addClass('active') // 给这个 href=当前地址栏hash的这个a标签 添加激活类
    }

    /* 加载二级页面 */
    function loadChildPage(hash) {
        // 判断个人中心存在了吗？
        var isExitPersonal = $('#rightContent').length == 1 ? true : false

        // 如果个人中心以及存在了 应该直接加载子页面
        if (isExitPersonal) {
            $('#rightContent').load(`../pages/${hash}.html`, function () {
                changeChildNavActive(hash)
            })
        } else {
            // 先加载个人中心 再加载二级子页面
            $('#content').load('../pages/personal.html', function () {
                $('#rightContent').load(`../pages/${hash}.html`)
                changeChildNavActive(hash)
            })
        }
    }

    /* 二级路由激活函数 */
    function changeChildNavActive(hash) {
        $('#leftMenu a').removeClass('active') // 找到所有导航的a标签 把激活类删除
        $(`#leftMenu a[href="#${hash}"]`).addClass('active') // 给这个 href=当前地址栏hash的这个a标签 添加激活类
    }

    // 如果是已经登录过了
    if (isLogin) {
        $('#nav-reg').html(`<a class="nav-link" href="#personal">${yhm.username}</a>`);
        $('#nav-login').html(`<a class="nav-link" href="#">注销</a>`);
    } else {
        $('#nav-reg').html(`<a class="nav-link" href="./register.html">注册</a>`);
        $('#nav-login').html(`<a class="nav-link" href="./login.html">登录</a>`);
    }

    // 给注销绑定点击事件
    $('#write-off').on('click', 'a', function () {
        localStorage.clear() // 先清除本地
        location.href = '../index.html' // 再跳转到首页
    })
})